<html>
<head>
    <style id="link1">span { margin: 1px; }</style>
    <style id="link2"></style>
    <script src="../../resources/js-test.js"></script>
</head>
<body style="margin: 1px">
<div id="testElements">
<input type="text" id="element0" name="foo">
<input type="text" id="element1" name="bar">
</div>
<script>
description("This test ensures the collection item obtained by named property getter is NOT overridden by object's own property.");

shouldBe("document.all.foo", "document.getElementById('element0')");
document.all.foo = 1;
shouldBe("document.all.foo", "document.getElementById('element0')");

shouldBe("document.styleSheets.link1", "document.styleSheets[0]");
document.styleSheets.link1 = 1;
shouldBe("document.styleSheets.link1", "document.styleSheets[0]");

shouldBe("document.body.attributes.style", "document.body.attributes['style']");
document.body.attributes.style = 1;
shouldBe("document.body.attributes.style", "document.body.attributes['style']");

document.getElementById('testElements').style.display = 'none';

var successfullyParsed = true;

</script>
</body>
</html>
